<!DOCTYPE html>
<html lang=zh>
<head>
    <meta charset="utf-8">
    
    <title>基于Hexo框架的静态博客搭建 | luffyjet の手帳</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="description" content="BBS,WordPress都折腾过，弄来弄去最后发现GitHub上可以搭建自定义域名的静态页面博客，所以摸索了一下如何在github上搭建自己的博客。开始按着GitHub pages的介绍和文档，搭建了基于Jekyll的博客，但是折腾了很久都没发现自己喜欢的博客模板。后来搜索，发现了Hexo框架，顿时觉得这正是我所需要的。到后面发现了国内的GitCafe,把博客部署到GitCafe上，访问速度快了">
<meta property="og:type" content="article">
<meta property="og:title" content="基于Hexo框架的静态博客搭建">
<meta property="og:url" content="http://www.luffyjet.com/techblog/2014/12/21/to_build_hexo_blog/index.html">
<meta property="og:site_name" content="luffyjet の手帳">
<meta property="og:description" content="BBS,WordPress都折腾过，弄来弄去最后发现GitHub上可以搭建自定义域名的静态页面博客，所以摸索了一下如何在github上搭建自己的博客。开始按着GitHub pages的介绍和文档，搭建了基于Jekyll的博客，但是折腾了很久都没发现自己喜欢的博客模板。后来搜索，发现了Hexo框架，顿时觉得这正是我所需要的。到后面发现了国内的GitCafe,把博客部署到GitCafe上，访问速度快了">
<meta property="og:updated_time" content="2016-02-22T07:48:18.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="基于Hexo框架的静态博客搭建">
<meta name="twitter:description" content="BBS,WordPress都折腾过，弄来弄去最后发现GitHub上可以搭建自定义域名的静态页面博客，所以摸索了一下如何在github上搭建自己的博客。开始按着GitHub pages的介绍和文档，搭建了基于Jekyll的博客，但是折腾了很久都没发现自己喜欢的博客模板。后来搜索，发现了Hexo框架，顿时觉得这正是我所需要的。到后面发现了国内的GitCafe,把博客部署到GitCafe上，访问速度快了">
    

    
        <link rel="alternate" href="/" title="luffyjet の手帳" type="application/atom+xml" />
    

    
        <link rel="icon" href="/techblog/css/images/favicon.png" />
    

    <link rel="stylesheet" href="/techblog/libs/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="/techblog/libs/open-sans/styles.css">
    <link rel="stylesheet" href="/techblog/libs/source-code-pro/styles.css">

    <link rel="stylesheet" href="/techblog/css/style.css">

    <script src="/techblog/libs/jquery/2.1.3/jquery.min.js"></script>
    
    
        <link rel="stylesheet" href="/techblog/libs/lightgallery/css/lightgallery.min.css">
    
    
        <link rel="stylesheet" href="/techblog/libs/justified-gallery/justifiedGallery.min.css">
    
    
    
    


</head>

<body>
    <div id="container">
        <header id="header">
    <div id="header-main" class="header-inner">
        <div class="outer">
            <a href="/techblog/" id="logo">
                <i class="logo"></i>
                <span class="site-title">luffyjet の手帳</span>
            </a>
            <nav id="main-nav">
                
                    <a class="main-nav-link" href="/techblog/.">Home</a>
                
                    <a class="main-nav-link" href="/techblog/archives">Archives</a>
                
                    <a class="main-nav-link" href="/techblog/categories">Categories</a>
                
                    <a class="main-nav-link" href="/techblog/about">About</a>
                
            </nav>
            
                
                <nav id="sub-nav">
                    <div class="profile" id="profile-nav">
                        <a id="profile-anchor" href="javascript:;">
                            <img class="avatar" src="/techblog/css/images/avatar.jpg" />
                            <i class="fa fa-caret-down"></i>
                        </a>
                    </div>
                </nav>
            
            <div id="search-form-wrap">

    <form class="search-form">
        <input type="text" class="ins-search-input search-form-input" placeholder="搜索" />
        <button type="submit" class="search-form-submit"></button>
    </form>
    <div class="ins-search">
    <div class="ins-search-mask"></div>
    <div class="ins-search-container">
        <div class="ins-input-wrapper">
            <input type="text" class="ins-search-input" placeholder="想要查找什么..." />
            <span class="ins-close ins-selectable"><i class="fa fa-times-circle"></i></span>
        </div>
        <div class="ins-section-wrapper">
            <div class="ins-section-container"></div>
        </div>
    </div>
</div>
<script>
(function (window) {
    var INSIGHT_CONFIG = {
        TRANSLATION: {
            POSTS: '文章',
            PAGES: '页面',
            CATEGORIES: '分类',
            TAGS: '标签',
            UNTITLED: '(未命名)',
        },
        ROOT_URL: '/techblog/',
        CONTENT_URL: '/techblog/content.json',
    };
    window.INSIGHT_CONFIG = INSIGHT_CONFIG;
})(window);
</script>
<script src="/techblog/js/insight.js"></script>

</div>
        </div>
    </div>
    <div id="main-nav-mobile" class="header-sub header-inner">
        <table class="menu outer">
            <tr>
                
                    <td><a class="main-nav-link" href="/techblog/.">Home</a></td>
                
                    <td><a class="main-nav-link" href="/techblog/archives">Archives</a></td>
                
                    <td><a class="main-nav-link" href="/techblog/categories">Categories</a></td>
                
                    <td><a class="main-nav-link" href="/techblog/about">About</a></td>
                
                <td>
                    
    <div class="search-form">
        <input type="text" class="ins-search-input search-form-input" placeholder="搜索" />
    </div>

                </td>
            </tr>
        </table>
    </div>
</header>

        <div class="outer">
            
                

<aside id="profile">
    <div class="inner profile-inner">
        <div class="base-info profile-block">
            <img id="avatar" src="/techblog/css/images/avatar.jpg" />
            <h2 id="name">luffyjet</h2>
            <h3 id="title">Developer</h3>
            <span id="location"><i class="fa fa-map-marker"></i>Shenzhen, China</span>
            <a id="follow" target="_blank" href="https://github.com/luffyjet/">关注我</a>
        </div>
        <div class="article-info profile-block">
            <div class="article-info-block">
                19
                <span>文章</span>
            </div>
            <div class="article-info-block">
                17
                <span>标签</span>
            </div>
        </div>
        
        <div class="profile-block social-links">
            <table>
                <tr>
                    
                    
                    <td>
                        <a href="https://github.com/luffyjet/" target="_blank" title="github" class=tooltip>
                            <i class="fa fa-github"></i>
                        </a>
                    </td>
                    
                    <td>
                        <a href="/techblog/" target="_blank" title="twitter" class=tooltip>
                            <i class="fa fa-twitter"></i>
                        </a>
                    </td>
                    
                    <td>
                        <a href="/techblog/" target="_blank" title="facebook" class=tooltip>
                            <i class="fa fa-facebook"></i>
                        </a>
                    </td>
                    
                    <td>
                        <a href="/techblog/" target="_blank" title="dribbble" class=tooltip>
                            <i class="fa fa-dribbble"></i>
                        </a>
                    </td>
                    
                    <td>
                        <a href="/techblog/" target="_blank" title="rss" class=tooltip>
                            <i class="fa fa-rss"></i>
                        </a>
                    </td>
                    
                </tr>
            </table>
        </div>
        
    </div>
</aside>

            
            <section id="main"><article id="post-to_build_hexo_blog" class="article article-type-post" itemscope itemprop="blogPost">
    <div class="article-inner">
        
        
            <header class="article-header">
                
    
        <h1 class="article-title" itemprop="name">
            基于Hexo框架的静态博客搭建
        </h1>
    

                
                    <div class="article-meta">
                        
    <div class="article-date">
        <i class="fa fa-calendar"></i>
        <a href="/techblog/2014/12/21/to_build_hexo_blog/">
            <time datetime="2014-12-21T14:20:20.000Z" itemprop="datePublished">2014-12-21</time>
        </a>
    </div>


                        
    <div class="article-category">
    	<i class="fa fa-folder"></i>
        <a class="article-category-link" href="/techblog/categories/other/">other</a>
    </div>

                        
    <div class="article-tag">
        <i class="fa fa-tag"></i>
        <a class="tag-link" href="/techblog/tags/hexo/">hexo</a>
    </div>

                    </div>
                
            </header>
        
        
        <div class="article-entry" itemprop="articleBody">
        
            
            <p>BBS,WordPress都折腾过，弄来弄去最后发现<a href="https://www.github.com" target="_blank" rel="external">GitHub</a>上可以搭建自定义域名的静态页面博客，所以摸索了一下如何在github上搭建自己的博客。开始按着<a href="https://pages.github.com" target="_blank" rel="external">GitHub pages</a>的介绍和文档，搭建了基于Jekyll的博客，但是折腾了很久都没发现自己喜欢的博客模板。后来搜索，发现了<a href="http://hexo.io/" title="Hexo" target="_blank" rel="external">Hexo</a>框架，顿时觉得这正是我所需要的。到后面发现了国内的<a href="https://www.gitcafe.com" target="_blank" rel="external">GitCafe</a>,把博客部署到GitCafe上，访问速度快了很多。</p>
<p>Hexo框架的安装也没有Jekyll繁琐，对Windows的支持比Jekyll好很多。Jekyll在windows下各种问题。</p>
<h5 id="Hexo的安装"><a href="#Hexo的安装" class="headerlink" title="Hexo的安装"></a>Hexo的安装</h5><a id="more"></a>
<p>保证你系统安装好了<a href="http://www.nodejs.org/" target="_blank" rel="external">NodeJS</a> 和 <a href="http://git-scm.com/downloads" target="_blank" rel="external">Git</a>客户端后，安装部署Hexo到本机只需要按照Hexo官网的说明输入几行命令即可。</p>
<p>Windows下安装NodeJS就是动动鼠标的事，Linux下相对麻烦些。我尝试了将Hexo安装在Ubantu上。记录下我的安装过程。</p>
<h5 id="Ubantu下安装NodeJS"><a href="#Ubantu下安装NodeJS" class="headerlink" title="Ubantu下安装NodeJS"></a>Ubantu下安装NodeJS</h5><ol>
<li><p>不要sudo apt-get xxx 的方式安装NodeJS，这样只会安装过时的版本，到时候无法安装Hexo，以防万一先执行下卸载命令:</p>
<p><code>$sudo apt-get autoremove npm</code><br> <code>$sudo apt-get autoremove nodejs</code></p>
</li>
<li><p>首先去官网下载Linux对应的<a href="http://www.nodejs.org/download/" target="_blank" rel="external">NodeJS</a><a href="http://www.nodejs.org/download/" target="_blank" rel="external">源码包</a> </p>
</li>
<li><p>Ubantu下直接双击打开拖出来就是。</p>
</li>
<li><p>确保NodeJS能正常编译还要检查Python、gcc、g++</p>
<p> <code>$ sudo apt-get install python</code> </p>
<p> <code>$ sudo apt-get install build-essential</code> </p>
<p> <code>$ sudo apt-get install gcc</code> </p>
<p> <code>$ sudo apt-get install g++</code> </p>
</li>
<li><p>然后cd 进入到你解压的目录 执行</p>
<p><code>./configure</code><br><code>make</code><br><code>sudo make install</code></p>
</li>
</ol>
<p>Make的过程有点久，请耐心等待。以上步骤完毕之后，进行软链接:</p>
<pre><code>$ sudo ln -s /usr/local/bin/node /usr/bin/node
$ sudo ln -s /usr/local/bin/npm /usr/bin/npm
</code></pre><p>然后再查看NodeJS版本,没有执行上面命令时会出现无法找到node的错误</p>
<pre><code>$ node -v
$ npm -v
</code></pre><p>到此NodeJS安装完毕。</p>
<h5 id="Ubantu下安装Git安装"><a href="#Ubantu下安装Git安装" class="headerlink" title="Ubantu下安装Git安装"></a>Ubantu下安装Git安装</h5><p>Hexo下载主题、插件和部署到github，都用的Git 。 所以你还得安装Git，Windows下载<a href="http://msysgit.github.io" target="_blank" rel="external">安装文件</a>安装即可记得安装的时候勾选添加到环境变量。<br>Ubantu下执行 </p>
<pre><code>sudo apt-get install git
</code></pre><p>完成Git安装后按照一开始说的命令进行Hexo安装。安装好之后就是查看Hexo的<a href="http://hexo.io/docs/" target="_blank" rel="external">文档</a>和<a href="https://github.com/hexojs/hexo/wiki/Plugins" target="_blank" rel="external">插件</a>,还有<a href="https://github.com/hexojs/hexo/wiki/Themes" target="_blank" rel="external">主题</a>页面，去完善自己的静态博客了。</p>
<p>选择一套自己喜欢的主题，按照说明进行切换，然后添加评论，搜索等等插件。然后执行</p>
<pre><code>hexo server
</code></pre><p>用浏览器打开 localhost:4000 ，查看运行效果。</p>
<p>那么要怎么部署到服务端上呢，接着看下面。</p>
<h4 id="怎么在Github上创建自己的博客，参考"><a href="#怎么在Github上创建自己的博客，参考" class="headerlink" title="怎么在Github上创建自己的博客，参考"></a>怎么在Github上创建自己的博客，参考</h4><blockquote>
<p><a href="https://pages.github.com/" target="_blank" rel="external">https://pages.github.com/</a></p>
<p><a href="https://help.github.com/categories/github-pages-basics/" target="_blank" rel="external">https://help.github.com/categories/github-pages-basics/</a></p>
</blockquote>
<h4 id="怎么在GitCafe上创建自己的博客，参考"><a href="#怎么在GitCafe上创建自己的博客，参考" class="headerlink" title="怎么在GitCafe上创建自己的博客，参考"></a>怎么在GitCafe上创建自己的博客，参考</h4><blockquote>
<p>GitCafe的帮助页面 <a href="https://gitcafe.com/GitCafe/Help" target="_blank" rel="external">https://gitcafe.com/GitCafe/Help</a></p>
</blockquote>
<p>GitCafe是国内的类Github网站，也支持搭建博客，访问速度会比Github快。<br>上面的帮助页面包含SSH Key配置(当然你也可以选择Https方式提交),如何部署博客到GitCafe Pages服务，如何绑定自定义域名等。</p>
<h5 id="新版的Hexo部署博客的方式有所改变"><a href="#新版的Hexo部署博客的方式有所改变" class="headerlink" title="新版的Hexo部署博客的方式有所改变"></a>新版的Hexo部署博客的方式有所改变</h5><p> 统一了Git方式的部署，需要安装插件具体查看官方文档：</p>
<blockquote>
<p><a href="http://hexo.io/docs/deployment.html" target="_blank" rel="external">http://hexo.io/docs/deployment.html</a></p>
</blockquote>
<h5 id="绑定自定义域名到Github-Pages"><a href="#绑定自定义域名到Github-Pages" class="headerlink" title="绑定自定义域名到Github Pages"></a>绑定自定义域名到Github Pages</h5><p>在自己的域名解析设置页面内添加一条A记录到以下IP的其中一个即可</p>
<blockquote>
<p>192.30.252.153</p>
<p>192.30.252.154</p>
</blockquote>
<p>然后在相应的Github项目内创建一个CNAME文件，中间只记录你的域名 比如</p>
<blockquote>
<p>www.luffyjet.com</p>
</blockquote>
<p>DNS设置具体过程请参考</p>
<blockquote>
<p><a href="http://jingyan.baidu.com/article/dca1fa6fa1e403f1a5405262.html" target="_blank" rel="external">http://jingyan.baidu.com/article/dca1fa6fa1e403f1a5405262.html</a></p>
</blockquote>
<h5 id="用Markdown写文章"><a href="#用Markdown写文章" class="headerlink" title="用Markdown写文章"></a>用Markdown写文章</h5><p>Hexo博客的文章都是用Markdown写作的，具体语法参考</p>
<blockquote>
<p>标准版<br>: <a href="http://daringfireball.net/projects/markdown/syntax" target="_blank" rel="external">http://daringfireball.net/projects/markdown/syntax</a></p>
<p>Github版<br>: <a href="https://help.github.com/articles/github-flavored-markdown/" target="_blank" rel="external">https://help.github.com/articles/github-flavored-markdown/</a></p>
</blockquote>
<h5 id="更多的Hexo使用和修改请仔细阅读官方文档。"><a href="#更多的Hexo使用和修改请仔细阅读官方文档。" class="headerlink" title="更多的Hexo使用和修改请仔细阅读官方文档。"></a>更多的Hexo使用和修改请仔细阅读官方文档。</h5><p>更多的个性化设置介绍请参考下面的文章：</p>
<blockquote>
<p><a href="http://zipperary.com/categories/hexo/" target="_blank" rel="external">http://zipperary.com/categories/hexo/</a></p>
</blockquote>

        
        </div>
        <footer class="article-footer">
            <div class="share-container">



</div>

    <a data-url="http://www.luffyjet.com/techblog/techblog/2014/12/21/to_build_hexo_blog/" data-id="cjp9uhq3t001azqfbprnal9vz" class="article-share-link"><i class="fa fa-share"></i>分享到</a>
<script>
    (function ($) {
        // Prevent duplicate binding
        if (typeof(__SHARE_BUTTON_BINDED__) === 'undefined' || !__SHARE_BUTTON_BINDED__) {
            __SHARE_BUTTON_BINDED__ = true;
        } else {
            return;
        }
        $('body').on('click', function() {
            $('.article-share-box.on').removeClass('on');
        }).on('click', '.article-share-link', function(e) {
            e.stopPropagation();

            var $this = $(this),
                url = $this.attr('data-url'),
                encodedUrl = encodeURIComponent(url),
                id = 'article-share-box-' + $this.attr('data-id'),
                offset = $this.offset(),
                box;

            if ($('#' + id).length) {
                box = $('#' + id);

                if (box.hasClass('on')){
                    box.removeClass('on');
                    return;
                }
            } else {
                var html = [
                    '<div id="' + id + '" class="article-share-box">',
                        '<input class="article-share-input" value="' + url + '">',
                        '<div class="article-share-links">',
                            '<a href="https://twitter.com/intent/tweet?url=' + encodedUrl + '" class="fa fa-twitter article-share-twitter" target="_blank" title="Twitter"></a>',
                            '<a href="https://www.facebook.com/sharer.php?u=' + encodedUrl + '" class="fa fa-facebook article-share-facebook" target="_blank" title="Facebook"></a>',
                            '<a href="http://pinterest.com/pin/create/button/?url=' + encodedUrl + '" class="fa fa-pinterest article-share-pinterest" target="_blank" title="Pinterest"></a>',
                            '<a href="https://plus.google.com/share?url=' + encodedUrl + '" class="fa fa-google article-share-google" target="_blank" title="Google+"></a>',
                        '</div>',
                    '</div>'
                ].join('');

              box = $(html);

              $('body').append(box);
            }

            $('.article-share-box.on').hide();

            box.css({
                top: offset.top + 25,
                left: offset.left
            }).addClass('on');

        }).on('click', '.article-share-box', function (e) {
            e.stopPropagation();
        }).on('click', '.article-share-box-input', function () {
            $(this).select();
        }).on('click', '.article-share-box-link', function (e) {
            e.preventDefault();
            e.stopPropagation();

            window.open(this.href, 'article-share-box-window-' + Date.now(), 'width=500,height=450');
        });
    })(jQuery);
</script>

            
    
        <a href="http://www.luffyjet.com/techblog/techblog/2014/12/21/to_build_hexo_blog/#comments" class="article-comment-link">评论</a>
    

        </footer>
    </div>
    
        
<nav id="article-nav">
    
        <a href="/techblog/2014/12/30/retrofit-singleton-usage/" id="article-nav-newer" class="article-nav-link-wrap">
            <strong class="article-nav-caption">上一篇</strong>
            <div class="article-nav-title">
                
                    Retrofit的科学使用：Singleton 
                
            </div>
        </a>
    
    
</nav>


    
</article>


    
    <section id="comments">
    
        
    <div id="uyan_frame"></div>

    
    </section>

</section>
            
                <aside id="sidebar">
   
        
    <div class="widget-wrap">
        <h3 class="widget-title">最新文章</h3>
        <div class="widget">
            <ul id="recent-post" class="">
                
                    <li>
                        
                        <div class="item-thumbnail">
                            <a href="/techblog/2018/06/08/hotfix-framework-article/" class="thumbnail">
    
    
        <span class="thumbnail-image thumbnail-none"></span>
    
</a>

                        </div>
                        
                        <div class="item-inner">
                            <p class="item-category"><a class="article-category-link" href="/techblog/categories/android/">android</a></p>
                            <p class="item-title"><a href="/techblog/2018/06/08/hotfix-framework-article/" class="title">开源热补丁和插件化项目整理</a></p>
                            <p class="item-date"><time datetime="2018-06-08T14:30:12.000Z" itemprop="datePublished">2018-06-08</time></p>
                        </div>
                    </li>
                
                    <li>
                        
                        <div class="item-thumbnail">
                            <a href="/techblog/2018/04/01/about-face-detection/" class="thumbnail">
    
    
        <span class="thumbnail-image thumbnail-none"></span>
    
</a>

                        </div>
                        
                        <div class="item-inner">
                            <p class="item-category"><a class="article-category-link" href="/techblog/categories/face-detection/">face detection</a></p>
                            <p class="item-title"><a href="/techblog/2018/04/01/about-face-detection/" class="title">人脸识别调研和部分应用场景</a></p>
                            <p class="item-date"><time datetime="2018-04-01T04:30:12.000Z" itemprop="datePublished">2018-04-01</time></p>
                        </div>
                    </li>
                
                    <li>
                        
                        <div class="item-thumbnail">
                            <a href="/techblog/2018/03/15/android-interview/" class="thumbnail">
    
    
        <span class="thumbnail-image thumbnail-none"></span>
    
</a>

                        </div>
                        
                        <div class="item-inner">
                            <p class="item-category"><a class="article-category-link" href="/techblog/categories/Android/">Android</a></p>
                            <p class="item-title"><a href="/techblog/2018/03/15/android-interview/" class="title">Android面试相关整理</a></p>
                            <p class="item-date"><time datetime="2018-03-15T15:28:55.000Z" itemprop="datePublished">2018-03-15</time></p>
                        </div>
                    </li>
                
                    <li>
                        
                        <div class="item-thumbnail">
                            <a href="/techblog/2018/03/08/NB-IOT/" class="thumbnail">
    
    
        <span class="thumbnail-image thumbnail-none"></span>
    
</a>

                        </div>
                        
                        <div class="item-inner">
                            <p class="item-category"><a class="article-category-link" href="/techblog/categories/NB-IoT/">NB-IoT</a></p>
                            <p class="item-title"><a href="/techblog/2018/03/08/NB-IOT/" class="title">了解一下窄带网联网NB-IoT</a></p>
                            <p class="item-date"><time datetime="2018-03-08T04:30:12.000Z" itemprop="datePublished">2018-03-08</time></p>
                        </div>
                    </li>
                
                    <li>
                        
                        <div class="item-thumbnail">
                            <a href="/techblog/2018/03/02/RxJava-Agera-articles/" class="thumbnail">
    
    
        <span class="thumbnail-image thumbnail-none"></span>
    
</a>

                        </div>
                        
                        <div class="item-inner">
                            <p class="item-category"><a class="article-category-link" href="/techblog/categories/RxJava/">RxJava</a></p>
                            <p class="item-title"><a href="/techblog/2018/03/02/RxJava-Agera-articles/" class="title">RxJava&amp;Agera资料整理</a></p>
                            <p class="item-date"><time datetime="2018-03-02T02:43:23.000Z" itemprop="datePublished">2018-03-02</time></p>
                        </div>
                    </li>
                
            </ul>
        </div>
    </div>

    
        
    <div class="widget-wrap">
        <h3 class="widget-title">分类</h3>
        <div class="widget">
            <ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/techblog/categories/Android/">Android</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/techblog/categories/Git/">Git</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/techblog/categories/NB-IoT/">NB-IoT</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/techblog/categories/OpenSource/">OpenSource</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/techblog/categories/RxJava/">RxJava</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/techblog/categories/Spring/">Spring</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/techblog/categories/Web/">Web</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/techblog/categories/android/">android</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/techblog/categories/encryption/">encryption</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/techblog/categories/face-detection/">face detection</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/techblog/categories/iOS/">iOS</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/techblog/categories/other/">other</a><span class="category-list-count">1</span></li></ul>
        </div>
    </div>

    
        
    <div class="widget-wrap">
        <h3 class="widget-title">归档</h3>
        <div class="widget">
            <ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/techblog/archives/2018/06/">六月 2018</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/techblog/archives/2018/04/">四月 2018</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/techblog/archives/2018/03/">三月 2018</a><span class="archive-list-count">3</span></li><li class="archive-list-item"><a class="archive-list-link" href="/techblog/archives/2017/12/">十二月 2017</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/techblog/archives/2017/11/">十一月 2017</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/techblog/archives/2017/08/">八月 2017</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/techblog/archives/2017/07/">七月 2017</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/techblog/archives/2017/05/">五月 2017</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/techblog/archives/2016/10/">十月 2016</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/techblog/archives/2016/05/">五月 2016</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/techblog/archives/2015/04/">四月 2015</a><span class="archive-list-count">3</span></li><li class="archive-list-item"><a class="archive-list-link" href="/techblog/archives/2014/12/">十二月 2014</a><span class="archive-list-count">2</span></li></ul>
        </div>
    </div>

    
        
    <div class="widget-wrap">
        <h3 class="widget-title">标签</h3>
        <div class="widget">
            <ul class="tag-list"><li class="tag-list-item"><a class="tag-list-link" href="/techblog/tags/Android/">Android</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/techblog/tags/Interview/">Interview</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/techblog/tags/NB-IoT/">NB-IoT</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/techblog/tags/OpenSourceLicenses/">OpenSourceLicenses</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/techblog/tags/Permissions/">Permissions</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/techblog/tags/Retrofit/">Retrofit</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/techblog/tags/RxJava/">RxJava</a><span class="tag-list-count">2</span></li><li class="tag-list-item"><a class="tag-list-link" href="/techblog/tags/Web/">Web</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/techblog/tags/debug/">debug</a><span class="tag-list-count">2</span></li><li class="tag-list-item"><a class="tag-list-link" href="/techblog/tags/face-detection/">face detection</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/techblog/tags/gitlab/">gitlab</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/techblog/tags/hexo/">hexo</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/techblog/tags/hotfix/">hotfix</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/techblog/tags/iOS/">iOS</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/techblog/tags/mybatis/">mybatis</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/techblog/tags/rsa/">rsa</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/techblog/tags/vlc/">vlc</a><span class="tag-list-count">1</span></li></ul>
        </div>
    </div>

    
        
    <div class="widget-wrap">
        <h3 class="widget-title">标签云</h3>
        <div class="widget tagcloud">
            <a href="/techblog/tags/Android/" style="font-size: 10px;">Android</a> <a href="/techblog/tags/Interview/" style="font-size: 10px;">Interview</a> <a href="/techblog/tags/NB-IoT/" style="font-size: 10px;">NB-IoT</a> <a href="/techblog/tags/OpenSourceLicenses/" style="font-size: 10px;">OpenSourceLicenses</a> <a href="/techblog/tags/Permissions/" style="font-size: 10px;">Permissions</a> <a href="/techblog/tags/Retrofit/" style="font-size: 10px;">Retrofit</a> <a href="/techblog/tags/RxJava/" style="font-size: 20px;">RxJava</a> <a href="/techblog/tags/Web/" style="font-size: 10px;">Web</a> <a href="/techblog/tags/debug/" style="font-size: 20px;">debug</a> <a href="/techblog/tags/face-detection/" style="font-size: 10px;">face detection</a> <a href="/techblog/tags/gitlab/" style="font-size: 10px;">gitlab</a> <a href="/techblog/tags/hexo/" style="font-size: 10px;">hexo</a> <a href="/techblog/tags/hotfix/" style="font-size: 10px;">hotfix</a> <a href="/techblog/tags/iOS/" style="font-size: 10px;">iOS</a> <a href="/techblog/tags/mybatis/" style="font-size: 10px;">mybatis</a> <a href="/techblog/tags/rsa/" style="font-size: 10px;">rsa</a> <a href="/techblog/tags/vlc/" style="font-size: 10px;">vlc</a>
        </div>
    </div>

    
        
    <div class="widget-wrap widget-list">
        <h3 class="widget-title">链接</h3>
        <div class="widget">
            <ul>
                
                    <li>
                        <a href="http://hexo.io">Hexo</a>
                    </li>
                
            </ul>
        </div>
    </div>


    
    <div id="toTop" class="fa fa-angle-up"></div>
</aside>
            
        </div>
        <footer id="footer">
    <div class="outer">
        <div id="footer-info" class="inner">
            &copy; 2018 luffyjet<br>
            Powered by <a href="http://hexo.io/" target="_blank">Hexo</a>. Theme by <a href="http://github.com/ppoffice">PPOffice</a>
        </div>
    </div>
</footer>
        
    
    <script type="text/javascript" src="http://v2.uyan.cc/code/uyan.js?uid=2132481"></script>



    
        <script src="/techblog/libs/lightgallery/js/lightgallery.min.js"></script>
        <script src="/techblog/libs/lightgallery/js/lg-thumbnail.min.js"></script>
        <script src="/techblog/libs/lightgallery/js/lg-pager.min.js"></script>
        <script src="/techblog/libs/lightgallery/js/lg-autoplay.min.js"></script>
        <script src="/techblog/libs/lightgallery/js/lg-fullscreen.min.js"></script>
        <script src="/techblog/libs/lightgallery/js/lg-zoom.min.js"></script>
        <script src="/techblog/libs/lightgallery/js/lg-hash.min.js"></script>
        <script src="/techblog/libs/lightgallery/js/lg-share.min.js"></script>
        <script src="/techblog/libs/lightgallery/js/lg-video.min.js"></script>
    
    
        <script src="/techblog/libs/justified-gallery/jquery.justifiedGallery.min.js"></script>
    



<!-- Custom Scripts -->
<script src="/techblog/js/main.js"></script>

    </div>
</body>
</html>